<template>
    <div class="header">
      <div class="header-left">返回 </div>
      <div class="header-input">输入城市/景点/游玩主题</div>
      <router-link to='/city'>
      <div class="header-right">
          {{this.$store.state.city}}
        </div>
      </router-link>
    </div>
</template>
<script>
export default {
  name: 'HomeHeader'
}
</script>
<style lang="stylus" scoped>
  @import "~styles/varibles.styl"
  .header
    line-height $headerHight
    display flex
    background $bgColor
  .header-left
    width .64rem
    float left
    color #fff
    padding-left .2rem
    padding-right .2rem
    font-size .32rem
  .header-right
     width 1.24rem
     float right
     color #ffffff
     text-align center
     font-size .32rem
  .header-input
     flex 1
     background #fff
     border-radius .1rem
     margin-top .12rem
     height .64rem
     line-height .64rem
     color #cacaca
     padding-left .2rem
</style>
